<ion-view view-title="线路详情">
    <ion-content>
        <div class="row">
            <div class="col">
                <!--<div class="public-header">-->
                <!--<a class="pull-left" href="javascript:void(0);" ui-sref="index">-->
                <!--<img class="icon-left" src="images/icon-left.png">-->
                <!--</a>-->
                <!--<a class="pull-right" href="javascript:void(0);" ui-sref="home.list">-->
                <!--<img class="icon-user" src="images/icon-user.png">-->
                <!--</a>-->
                <!--</div>-->
                <div class="des-slide">
                    <!--<div style="height: 40px"></div>-->
                    <!-- Swiper -->
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide" ng-repeat="img in line.image_roll">
                                <a class="des-slide-list" href="javascript:void(0);">
                                    <img ng-src="{{img}}" alt=""/>
                                    <span class="des-city-name" ng-bind="line.destination">尼泊尔</span>
                                    <span class="des-city-money" ng-bind="line.title_sub">零首付</span>
                                </a>
                            </div>
                        </div>
                        <!-- Add Pagination -->
                        <div class="swiper-pagination"></div>
                    </div>
                </div>

                <div class="des-title" ng-bind="line.title">尼泊尔游学10天8晚自由行 吐血价</div>

                <div class="">
                    <div class="check-month" id="data-tab"></div>
                    <div id="calendar"></div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col">
                <div class="button-bar small_button" ng-init="showType=1">
                    <a class="button" ng-class="{'button-positive':showType=='1', '':showType!='1'}" ng-click="showType='1'">基本信息</a>
                    <a class="button" ng-class="{'button-positive':showType=='2', '':showType!='1'}" ng-click="showType='2'">交通酒店</a>
                    <a class="button" ng-class="{'button-positive':showType=='3', '':showType!='1'}" ng-click="showType='3'">参考行程</a>
                    <a class="button" ng-class="{'button-positive':showType=='4', '':showType!='1'}" ng-click="showType='4'">签证说明</a>
                    <a class="button" ng-class="{'button-positive':showType=='5', '':showType!='1'}" ng-click="showType='5'">费用说明</a>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col">
                <!--    基本信息 start    -->
                <div class="tabs-box" ng-show="showType=='1'">
                    <div class="tabs-list clearfix">
                        <div class="pull-left">出发地</div>
                        <div class="pull-right" ng-bind="line.from_city">北京</div>
                    </div>
                    <div class="tabs-list clearfix">
                        <div class="pull-left">目的地</div>
                        <div class="pull-right" ng-bind="line.destination">巴厘岛</div>
                    </div>
                    <div class="tabs-list clearfix">
                        <div class="pull-left">行程天数</div>
                        <div class="pull-right"><span ng-bind="line.route_day"></span>天<span ng-bind="line.route_night"></span>晚</div>
                    </div>
                    <!--是否显示线路特色-->
                    <div ng-show="line.line_feature_show">
                        <div class="tabs-list clearfix">
                            <div class="pull-left">线路特色</div>
                        </div>
                        <div class="tabs-list clearfix" ng-bind="line.line_feature"></div>
                    </div>
                    <!--是否显示预定须知-->
                    <div ng-show="line.bookings_show">
                        <div class="tabs-list clearfix">
                            <div class="pull-left">预定须知</div>
                        </div>
                        <div class="tabs-list clearfix" ng-bind="line.bookings"></div>
                    </div>

                </div>
                <!--    基本信息 end    -->
                <!--    交通酒店 start    -->
                <div class="tabs-box" ng-show="showType=='2'">
                    <div class="tabs-list clearfix">
                        <div class="pull-left">交通信息</div>
                    </div>
                    <div ng-if="line.vehicle_type==1">
                        <div class="tabs-list clearfix" ng-repeat="vehicle in line.vehiche_text">
                            <div class="pull-left tabs-time">
                                <p ng-bind="vehicle.departure_time">06：45</p>

                                <p ng-bind="vehicle.out_city">北京首都国际机场</p>
                            </div>
                            <div class="tabs-info-center">
                                <p ng-bind="vehicle.status">去程</p>

                                <p><img src="images/icon-arrow-left.png" alt=""/></p>
                            </div>
                            <div class="pull-right tabs-time">
                                <p ng-bind="vehicle.landing_time">13：30</p>

                                <p ng-bind="vehicle.arrival_city">登巴萨国际机场</p>
                            </div>
                        </div>
                    </div>
                    <div ng-if="line.vehicle_type!=1">
                        <div class="tabs-list clearfix" ng-bind="line.line.vehiche_text"></div>
                    </div>
                    <div class="tabs-list clearfix">
                        <div class="pull-left">酒店信息</div>
                    </div>
                    <div class="tabs-list clearfix" ng-repeat="hotelInfo in line.hotel_text">
                        <p ng-bind="hotelInfo.name">Athena Garden Villa</p>
                        <div ng-repeat="img in hotelInfo.img_list">
                            <img class="tabs-img" ng-src="{{img}}" alt=""/>
                        </div>
                        <p ng-bind-html="hotelInfo.dest"></p>
                    </div>
                </div>
                <!--    交通酒店 end    -->
                <!--    参考行程 start    -->
                <div class="tabs-box" ng-show="showType=='3'">
                    <div class="tabs-list clearfix" style="border-bottom: none">
                        <a href="javascript:void(0);" class="tabs-day" ng-bind="line.journey_title">第一天</a>
                    </div>
                    <div class="tabs-list clearfix" ng-bind-html="line.journey_text"></div>
                </div>
                <!--    参考行程 end    -->
                <!--    签证说明 start    -->
                <div class="tabs-box" ng-show="showType=='4'">
                    <div class="tabs-list clearfix" ng-bind="line.bookings"></div>
                </div>
                <!--    签证说明 end    -->
                <!--    费用说明 start    -->
                <div class="tabs-box" ng-show="showType=='5'">
                    <div class="tabs-list clearfix" ng-bind="line.fee_desc"></div>
                </div>
                <!--    费用说明 end    -->
            </div>
        </div>
        <div class="row">
            <div class="col">
                <div class="three-btn clearfix">
                <a href="javascript:void(0);" ui-sref="app.refund-intro">还款指南</a>
                <a href="javascript:void(0);" ui-sref="app.user-help">帮助中心</a>
                <a href="javascript:void(0);" ui-sref="app.contact">联系我们</a>
                </div>
            </div>
        </div>
    </ion-content>
</ion-view>
<div class="footer">
    <a href="javascript:void(0);" ui-sref="app.commit-order({lineid:lineid})">立即订购</a>
</div>